<template>
	
	
		<view class="">
			<view class="cu-list menu sm-border card-menu">
		</view>
		<view>
			<view class="u-flex-col u-p-30 u-col-center">
					<u-image width='150rpx' height='150rpx' :src="headImg" shape="circle"></u-image>
					<text class="u-p-t-10 change">更换头像</text>
			</view>
			<u-cell-group>
				<u-cell-item title="用户名" value="184177677"></u-cell-item>
				<u-cell-item title="昵称" value="未来可期"></u-cell-item>
				<u-cell-item title="性别" :value="sex" @click='selectSex'></u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				headImg:'/static/logo.png',
				sex: '男',
			}
		},
		methods: {
			selectSex() {
				const arr = ['男', '女', '保密']
				uni.showActionSheet({
					itemList: arr,
					success: (res) => {
						this.sex = arr[res.tapIndex]
					},
					fail: function(res) {
						console.log(res.errMsg);
					}
				});
			},
		}
	}
</script>

<style>
.change{
	color: #247dff;
}
</style>
